.index-nav {
	width: 100%;
	height: 304rpx;
	position: fixed;
	top: 0%;
	left: 0%;
	padding: 200rpx 30rpx 30rpx 30rpx;
	box-sizing: border-box;
	z-index: 100;
	.index-nav-bg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0%;
		left: 0%;
	}
	
	.Sarch {
		border-radius: 100rpx;
		background: #FFFFFF;
		border: 2rpx solid #DCDCDC;
		display: flex;
		justify-content: space-between;
		position: relative;
		width: 100%;
		.input-uni-icon {
			width: 30rpx;
			height: 30rpx;
			margin-top: 20rpx;
			margin-left: 30rpx;
		}
		.nav-bar-input{
			padding: 15rpx 20rpx;
			border-radius: 100rpx;
			width: calc(100% - 50rpx);
		}
	}
}

.navbar-view {
	width: 100%;
	padding: 40rpx 0 20rpx 30rpx;
	box-sizing: border-box;
	position: fixed;
	top: 304rpx;
	left: 0%;
	z-index: 100;
	background-color: #fff;
	.choose-scroll {
		display: flex;
		white-space: nowrap;
		.choose-scroll-item {
			display: inline-block;
			margin-right: 40rpx;
			.item-view {
				display: flex;
				.scroll-item-line {
					width: 10rpx;
					height: 30rpx;
					background: #E5E5E5;
				}
				.scroll-item-line-active {
					background: #80BD48;
				}
				.scroll-item-name {
					font-weight: 400;
					font-size: 32rpx;
					color: #666666;
					line-height: 44rpx;
					margin-left: 10rpx;
				}
				.scroll-item-name-active {
					color: #46973B;
				}
			}
			
		}
	}
}

.login-view {
	width: 100%;
	margin-top: 220rpx;
	padding-top: 150rpx;
	box-sizing: border-box;
	text-align: center;
	.login-bg {
		width: 290rpx;
		height: 334rpx;
	}
	.login-text {
		font-weight: 400;
		font-size: 24rpx;
		color: #ADADAD;
		margin-top: 46rpx;
	}
	.login-button {
		display: inline-block;
		width: 300rpx;
		height: 76rpx;
		background: linear-gradient( 159deg, #60C100 0%, #1BB15A 100%, #3F8E5E 100%);
		border-radius: 40rpx;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 76rpx;
		margin-top: 48rpx;
	}
}

.yaoyue-list {
	width: 100%;
	margin-top: 220rpx;
	.have-none-view {
		width: 100%;
		height: 400rpx;
		background-color: #fff;
		text-align: center;
		.none-image {
			width: 238rpx;
			height: 282rpx;
			margin-top: 100rpx;
		}
		.have-none-text {
			font-size: 24rpx;
			margin-top: 30rpx;
			font-weight: 400;
			color: #ADADAD;
		}
	}
	.yaoyue-view {
		width: 100%;
		padding: 30rpx 30rpx;
		box-sizing: border-box; 
		.yueban-view-item {
			width: 100%;
			background: #ffffff;
			padding: 10rpx 20rpx 16rpx 20rpx;
			box-sizing: border-box;
			margin-top: 50rpx;
			margin-bottom: 100rpx;
			border-radius: 10rpx;
			border: 2rpx solid #000000;
			position: relative;
			.yaoyue-top-head {
				position: absolute;
				left: 20rpx;
				top: -50rpx;
				height: 100rpx;
				width: 600rpx;
				display: flex;
				.top-head-box {
					position: relative;
					width: 90rpx;
					height: 100rpx;
					.top-head-box-image {
						width: 90rpx;
						height: 90rpx;
						border: 2rpx solid #000000;
						border-radius: 50%;
						.username-image {
							width: 86rpx;
							height: 86rpx;
							border-radius: 50%;
						}
					}
					
				}
				.top-head-type {
					// position: absolute;
					// bottom: 0%;
					// left: 14rpx;
					width: 62rpx;
					height: 30rpx;
					background: #000000;
					border-radius: 16rpx;
					border: 2rpx solid #FF5B02;
					color: #FF5B02;
					font-weight: 500;
					font-size: 24rpx;
					text-align: center;
					line-height: 26rpx;
					margin-left: 20rpx;
					margin-top: 10rpx;
				}
			}
			.yueban-view-top {
				width: 100%;
				display: flex;
				justify-content: space-between;
				padding-left: 110rpx;
				box-sizing: border-box;
				.top-username {
					.username-name {
						font-weight: 500;
						font-size: 30rpx;
						color: #333333;
						width: 300rpx;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
					.username-type {
						font-weight: 500;
						font-size: 26rpx;
						color: #333333;
						margin-top: 12rpx;
					}
				}
				.right-type {
					text-align: right;
					.type-text {
						font-weight: 500;
						font-size: 26rpx;
						color: #46973B;
					}
					.right-bottom {
						margin-top: 18rpx;
						display: flex;
						.right-bottom-icon {
							width: 30rpx;
							height: 30rpx;
						}
						.right-bottom-text {
							font-size: 26rpx;
							font-weight: 500;
							color: #46973B;
							line-height: 30rpx;
							margin-left: 10rpx;
						}
					}
				}
			}
			.yueban-view-image {
				width: 100%;
				height: 114rpx;
				background: #F9F9F9;
				border-radius: 10rpx;
				padding: 20rpx 20rpx 8rpx 20rpx;
				box-sizing: border-box;
				margin-top: 18rpx;
				.time-view {
					display: flex;
					margin-bottom: 16rpx;
					.time-view-icon {
						width: 30rpx;
						height: 30rpx;
					}
					.place-text {
						font-size: 26rpx;
						font-weight: 400;
						color: #979797;
						line-height: 30rpx;
						width: 600rpx;
						margin-left: 6rpx;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
				}
			}
			.yaoyue-bottom {
				display: flex;
				justify-content: space-between;
				.yaoyue-bottom-text {
					font-weight: 500;
					font-size: 26rpx;
					color: #46973B;
					margin-left: 20rpx;
					margin-top: 10rpx;
				}
				.yaoyue-bottom-line {
					font-weight: 500;
					font-size: 24rpx;
					color: #333333;
					margin-top: 10rpx;
				}
			}
			
		}
	}
	.yaoyue-button {
		width: 100%;
		margin-top: -60rpx;
		display: flex;
		justify-content: flex-end;
		.yaoyue-button-item {
			width: 116rpx;
			height: 60rpx;
			background: #46973B;
			border-radius: 34rpx;
			margin-left: 20rpx;
			font-weight: 500;
			font-size: 28rpx;
			color: #FFFFFF;
			text-align: center;
			line-height: 60rpx;
		}
		.item-no {
			background: #FF5B02;
		}
		
	}
}

.choose-type-box {
 	width: 100%;
	padding: 40rpx;
	box-sizing: border-box;
 	.type-box-title {
		width: 100%;
 		line-height: 100rpx;
 		text-align: center;
 		font-size: 32rpx;
 		font-weight: 500;
 		color: #333333;
 	}
 }
 
 
.center_box{
 	width: 100%;
 	background: #FFFFFF;
 	border-radius: 16rpx;
 	margin-top: 30rpx;	
}

.center_tit{
	font-size: 32rpx;
 	padding-bottom: 20rpx;
 	box-sizing: border-box;
}
 
.bottom_box{
 	width: 100%;
 	background: #FFFFFF;
 	border-radius: 16rpx;
}
 
.reason-view {
 	width: 100%;
 	margin-top: 20rpx;
 	background-color: #F5F5F5;
 	border-radius: 10rpx;
 	padding: 20rpx;
 	box-sizing: border-box;
}
 
.reason-list {
 	width: 100%;
 	box-sizing: border-box;
 	margin-top: 20rpx;
}

 .reason-list-item {
 	width: 100%;
 	display: flex;
 	justify-content: space-between;
 	margin-bottom: 30rpx;
 	
 }
 .list-item-name {
 	font-size: 30rpx;
 	font-weight: 400;
 	line-height: 30rpx;
 	color: #666666;
 }
 .list-item-image {
 	width: 30rpx;
 	height: 30rpx;
 }
 .image-item {
 	width: 30rpx;
 	height: 30rpx;
 }
 
 .reson-submit-box {
	width: 100%;
	height: 90rpx;
	background: linear-gradient( 171deg, #60C100 0%, #1BB15A 100%, #3F8E5E 100%);
	border-radius: 46rpx;
	font-weight: 500;
	font-size: 32rpx;
	color: #FFFFFF;
	line-height: 90rpx;
	text-align: center;
	margin-top: 80rpx;
 }
 
 textarea {
    cursor: auto;
    display: block;
    height: 100rpx;
    overflow: hidden;
    position: relative;
    width: 300px;
 }
 
 
 .slot-content {
 	text-align: center;
 	.content-title {
 		font-size: 32rpx;
 		font-weight: 400;
 		color: #000000;
 		line-height: 44rpx;
 		margin-bottom: 30rpx;
 	}
 }
 
 .top-head-txt {
 	margin-left: 12rpx;
 	width: 490rpx;
 	.txt-icon {
 		width: 146rpx;
 		height: 40rpx;
 	}
 }
 
 .title-type-view {
 	display: flex;
 	margin-top: 20rpx;
 	.view-icon {
 		width: 30rpx;
 		height: 30rpx;
 	}
 	.view-icon-text {
 		line-height: 30rpx;
 		font-weight: 500;
 		font-size: 26rpx;
 		color: #333333;
 		margin-left: 10rpx;
 	}
 }